<template>
	<div class="top-msg">
		<el-alert type="info">
			<div class="top-msg-inner">
				<img src="images/img000.png" />
				<div class="top-msg-text">
					<h2>SCUI-UC</h2>
					<p>一套SCUI的衍生产品，针对用户中心的前端框架，非常适用B2C的C端符合大众的操作习惯。相对的~复杂的后台操作应用就不建议使用，推荐使用主产品 <el-link href="https://gitee.com/lolicode/scui" target="_blank" type="primary">SCUI</el-link></p>
				</div>
			</div>
		</el-alert>
	</div>

	<sc-card title="今日数据" style="margin-top: 20px;">
		<el-row :gutter="20">
			<el-col :span="8">
				<div class="home-top-data">
					<h5>今天PV</h5>
					<h2>73</h2>
					<p>标记 0</p>
				</div>
			</el-col>
			<el-col :span="8">
				<div class="home-top-data">
					<h5>今天新反馈</h5>
					<h2>0</h2>
					<p></p>
				</div>
			</el-col>
			<el-col :span="8">
				<div class="home-top-data">
					<h5>今天管理员回复</h5>
					<h2>0</h2>
					<p></p>
				</div>
			</el-col>
			<el-col :span="8">
				<div class="home-top-data">
					<h5>今天新追问</h5>
					<h2>0</h2>
					<p></p>
				</div>
			</el-col>
			<el-col :span="8">
				<div class="home-top-data">
					<h5>全部累计好问题</h5>
					<h2>0</h2>
					<p></p>
				</div>
			</el-col>
			<el-col :span="8">
				<div class="home-top-data">
					<h5>最近30天整体管理员活跃天数</h5>
					<h2>3</h2>
					<p>加油，有待提升哦</p>
				</div>
			</el-col>
		</el-row>
	</sc-card>

</template>

<script>
</script>

<style scoped>

	.home-top-data {height: 150px;background: #f7f9fa;padding:20px 30px;margin-top: 20px;}
	.home-top-data h5 {font-size: 14px;color: #999;font-weight: normal;}
	.home-top-data h2 {font-size: 36px;color: #333;margin-top: 10px;}
	.home-top-data p {font-size: 14px;margin-top: 10px;}




	.top-msg .el-alert {background: #fff;border: 1px solid #eee;}
	.top-msg .top-msg-inner {padding:20px;display: flex;}
	.top-msg .top-msg-inner img {width:300px;margin-right: 20px;}
	.top-msg .top-msg-inner h2 {color: #333;font-size: 24px;}
	.top-msg .top-msg-inner p {margin-top: 15px;font-size: 14px;line-height: 1.8;}
</style>
